<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/container.css" />
</head>

<body>
  
  <div id="line-s">
      <div class="container">
          <div class="title-box">鬼佬2 手机专卖店</div>
          <div class="home-banner-box">
              <a href="">
                  <img src="./img/banner0.jpg">
              </a>
          </div>
          <div class="home-brick-box">
              <div class="box-hd">
                  <h2 class="title">手机</h2>
                  <div class="more">
                     <ul class="tab-list">
                        <li class="">热门</li>
                        <li class="active">安防</li>
                        <li class="">出行</li>
                    </ul>
                  </div>
              </div>
              <div class="box-bd">
                  <div class="row">
                      <div class="span4">
                          <ul>
                              <li>
                                  <a href=""><img src="./img/img0.jpg"></a>
                              </li>
                                <li>
                                  <a href=""><img src="./img/img1.jpg"></a>
                              </li>

                          </ul>
                      </div>
                      <div class="span16">
                          <ul>
                              <li class="brick-item">
                                <a href="">
                                    <div class="img-item"><img src="./img/phone1.jpg"></div>
                                    <h3 class="title">小米10 道道</h3>
                                    <p class="desc">120X 变焦/120W秒充/120Hz屏幕</p>
                                    <p class="price"><span>5999</span>元<span>起</span></p>
                                </a>
                              </li>
                              <li class="brick-item">
                                <a href="">
                                    <div class="img-item"><img src="./img/phone1.jpg"></div>
                                    <h3 class="title">小米10 道道</h3>
                                    <p class="desc">120X 变焦/120W秒充/120Hz屏幕</p>
                                    <p class="price"><span>5999</span>元<span>起</span></p>
                                </a>
                              </li>
                               <li class="brick-item">
                                <a href="">
                                    <div class="img-item"><img src="./img/phone1.jpg"></div>
                                    <h3 class="title">小米10 道道</h3>
                                    <p class="desc">120X 变焦/120W秒充/120Hz屏幕</p>
                                    <p class="price"><span>5999</span>元<span>起</span></p>
                                </a>
                              </li>
                              <li class="brick-item">
                                <a href="">
                                    <div class="img-item"><img src="./img/phone1.jpg"></div>
                                    <h3 class="title">小米10 道道</h3>
                                    <p class="desc">120X 变焦/120W秒充/120Hz屏幕</p>
                                    <p class="price"><span>5999</span>元<span>起</span></p>
                                </a>
                              </li>
                               <li class="brick-item">
                                <a href="">
                                    <div class="img-item"><img src="./img/phone1.jpg"></div>
                                    <h3 class="title">小米10 道道</h3>
                                    <p class="desc">120X 变焦/120W秒充/120Hz屏幕</p>
                                    <p class="price"><span>5999</span>元<span>起</span></p>
                                </a>
                              </li>
                              <li class="brick-item">
                                <a href="">
                                    <div class="img-item"><img src="./img/phone1.jpg"></div>
                                    <h3 class="title">小米10 至尊版</h3>
                                    <p class="desc">120X 变焦/120W秒充/120Hz屏幕</p>
                                    <p class="price"><span>5999</span>元<span>起</span></p>
                                </a>
                              </li>
                               <li class="brick-item">
                                <a href="">
                                    <div class="img-item"><img src="./img/phone1.jpg"></div>
                                    <h3 class="title">小米10 至尊版</h3>
                                    <p class="desc">120X 变焦/120W秒充/120Hz屏幕</p>
                                    <p class="price"><span>5999</span>元<span>起</span></p>
                                </a>
                              </li>
                              <li class="brick-item">
                                <a href="">
                                    <div class="img-item"><img src="./img/phone1.jpg"></div>
                                    <h3 class="title">小米10 至尊版</h3>
                                    <p class="desc">120X 变焦/120W秒充/120Hz屏幕</p>
                                    <p class="price"><span>5999</span>元<span>起</span></p>
                                </a>
                              </li>        
                          </ul>
                      </div>

                  </div>
              </div>
          </div>
      </div>
  </div>
    
</body>

</html>